import React, { Component } from 'react';
import styles from'./login.module.scss'
import { Toast } from 'antd-mobile'
class login extends Component {

  weiXinLogin = (params) => {
    Toast.info("暂不支持此功能",1)
  }
  QQLogin = (params) => {
    Toast.info("暂不支持此功能",1)
  }
  NoLogin = (params) => {
    Toast.info("暂不支持此功能",1)
  }
  AccountLogin = (params) => {
    this.props.history.push('/userpass')
  }
  


  render() {
    return (
      <div className={styles.mgLogin}>
          <div className={styles.mgLoginTitle}>
            <h1>登录</h1>
          </div>
          <div onClick={this.weiXinLogin} className={styles.mgLoginBtn}>
              <i className='iconfont icon-weixin'></i>
              <span>微信登录</span>
          </div>
          <div className={styles.mgLoginOther}>
              <h3>其他登录方式</h3>
              <div className={styles.mgLoginOtherList}>
                <div onClick={this.QQLogin} className={styles.LoginOtherQQ}>
                  <div className={styles.iBox}>
                  <i className='iconfont icon-icon363601'></i>
                  </div>
                    <span>QQ登录</span>
                </div>
                <div onClick={this.NoLogin} className={styles.LoginOtherPhone}>
                <div className={styles.iBox}>
                  <i className='iconfont icon-shouji'></i>
                  </div>
                    <span>免密登录</span>
                </div>
                <div onClick={this.AccountLogin} className={styles.LoginOtherAccount}>
                <div className={styles.iBox}>
                  <i className='iconfont icon-zhanghao'></i>
                  </div>
                    <span>账号登录</span>
                </div>
              </div>
          </div>
      </div>
    );
  }
}

export default login;